<template>
  <div>
    <h1>平台账户</h1>
       <div class="container">
  <div class="row" >
   <div class="elem">
    <h3><span class="div-left">账户余额 </span></h3>
    <span class="left">￥1000</span>
    <div>
       <h3> <span>冻结资金</span></h3>
    </div>
    </div>
    
     

  </div>
 
 </div>


    </div>


</template>

<script>
export default {

}
</script>

<style>
  .container{ 
 width:900px; 
  height:auto; 
  margin:auto; 
 } 
 .row{  
 width:900px; 
  height:auto;  
 display: flex; 
  background-color:#ffffff;
} 
 .elem{   
margin-top:20px;  
 margin-right:80px;    

 flex:1;  
 background-color:#EEE; 
  height:200px; 
 }
  .tall-elem{  
 height:500px; 
} 
 .child{ 
  margin:20px 20px 0px 20px; 
  background-color:yellow ; 
  width:calc(100% - 40px); 
  height:100px;  
} 
.div-left{width:100px;height:120px; float:left}
.left{width:10px;height:120px; float:left}
</style>